<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
    <head>
       	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>QQ注册</title>
        <link rel="stylesheet" href="css/zh_zc.css" />
       <script type="text/javascript" src="js/jquery.js" ></script>
        <script type="text/javascript" src="js/zh_zc.js" ></script>
        
        <link rel="stylesheet" href="layui-v2.3.0/layui/css/layui.css" />
		<script type="text/javascript" src="layer-v3.1.1/layer/layer.js" ></script>
		<script type="text/javascript" src="js/jquery.js" ></script>
		<script type="text/javascript" src="layer-v3.1.1/layer/layer.js" ></script>
        
    </head>
    <link rel="icon" href="favicon.ico" type="image/x-icon" />
    
    
    <body onload="loopImg()">
    	<a class="logo">QQ</a>
 
        <div class="side">
            <img id="sides" src="img/1-1.jpg" />
        </div>
        <div class="top">
            <div class="item feedback">   
            	<a>意见反馈</a>
 
            </div>
            <div class="item language-entry" onmouseover="language_ch(1)" onmouseout="language_ch(2)">
                <div>简体中文 
                    <img name="down" src="img/down.png"><img name="up" src="img/up.png" style="display: none;">
                </div>
                <ul style="display: none;" id="language-choose">
                    <li>  
                    	<a>繁體中文</a>
 
                    </li>
                    <li>  
                    	<a>English</a>
 
                    </li>
                </ul>
            </div>
            <div class="item mail-entry" >  
            	<a>邮箱帐号</a>
 
            </div>
            <div class="item lianghao" onmouseover="search_Lianghao(1)" onmouseout="search_Lianghao(2)">
                <a class="lianghao-entry" href="" target="_blank">
                    <div>QQ靓号</div>
                    <img src="img/logo3.png">
                </a>
                <div class="lianghao-detail" style="display: none;">
                    <div class="upper">
                        <a class="search-icon">
                            <div class="search-icon-img" onclick="search_lh()"></div>
                        </a>
                        <div class="search">
                            <label class="search-placeholder" id="searchs">搜索QQ靓号，如“1992”,“520”</label>
                            <input type="text" id="lianghao-key" onfocus="input_value()"  style="outline: none;">
                        </div>
                    </div>
                    <div class="bottom">
                        <div class="suggest-detail">  <a target="_blank" href="">生日</a>
    <a target="_blank" href="">星座</a>
    <a target="_blank" href="">爱情</a>
                            <a
                            target="_blank" href="">手机</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main">
        <div class="form">
        <div>
			<div class="welcome">欢迎注册QQ</div>
			<div class="header free-lianghao-entry">
			<a>免费靓号</a>
			</div>
			<div class="header">每一天，乐在沟通。</div>
		</div>
<form autocomplete="off"  method="post" action="registerServlet" >
            <div class="input-area">
                <div class="input-flags">
                    <div class="input-ok" style="display: none;"></div>
                </div>
                <label class="input-placeholder" id="nickname-tips" >昵称</label>
                <div class="input-outer">
                    <input onblur="VerificationContent(0,0)" onfocus="VerificationContent(0,1)" autocomplete="off" type="text" id="nickname" name="nickname" class="nickname-password" maxlength="24" tabindex="3">
                </div>
                <div class="error-tips-wrap slideup">
                    <div class="error-tips" style="display: none;">
                    	昵称不可以为空
                    </div>
                </div>
            </div>
            <div class="input-area">
                <label class="input-placeholder" id="password-tips" >密码</label>
                <div class="input-flags">
                    <div class="input-ok" style="display: none;"></div>
                    <div class="eye"></div>
                </div>
                <div class="input-outer">
                    <div class="password-raw" style="display: none;"></div>
                    <input onblur="VerificationContent(1,0)" onfocus="VerificationContent(1,1)" autocomplete="off" type="password" name="password" id="password" class="nickname-password" maxlength="16" tabindex="4">
                </div>
                <div class="password-tips-group slideup" style="display: none;">
                    <div class="password-tips ok">不能包括空格</div>
                    <div class="password-tips ">长度为8-16个字符</div>
                    <div class="password-tips">必须包含字母、数字、符号中至少2种</div>
                </div>
                <div class="error-tips-wrap slideup">
                    <div class="error-tips" style="display: none;">
                    	密码不能为空
                    </div>
                </div>
            </div>
            <div style="position:relative">
                <div class="input-area phone-area">
                    <div class="input-flags">
                        <div class="input-ok" style="display: none;"></div>
                    </div>
                    <label class="input-placeholder" id="phone-tips" >手机号码</label>
                    <div class="input-outer">
                        <input  onblur="VerificationContent(2,0)" onfocus="VerificationContent(2,1)" autocomplete="off" id="phone" name="phone" type="text" class="nickname-password" tabindex="5">
                    </div>
                </div>
                <div class="input-area nation-area">
                    <div class="input-outer"><input autocomplete="off" type="text" class="nation" value="中国 +86"/>
                        <div class="selector"><img src="img/down.png"><img src="img/up.png" style="display: none;"></div>
                    </div>
                </div>
            </div>
            <div class="error-tips-wrap slideup">
                <div class="error-tips" style="margin: 0px; display: none;">
                	
                </div>
            </div>
            <div class="input-tips-wrap" id="input-tips-wrap">
                <div class="input-tips" style="display: block;">可通过该手机号找回密码</div>
            </div>
            <div style="display: none" id="sms-div-show">  
            	<a id="send-sms" class="send-sms" tabindex="6" onclick="getRanNum()">获取验证码</a>
 	
                <div class="input-area code-area">
                    <label class="input-placeholder" id="code-tips" ></label>
                    <div class="input-outer">
                        <input autocomplete="off" id="code" type="text" class="code" tabindex="7" onfocus="listenCodeInput()"/>
                    </div>
                </div>
                <div class="error-tips-wrap slideup">
                    <div class="error-tips" style="display: none;"></div>
                </div>
            </div>
            <div>
                <input id="get_acc" type="submit" class="submit" value="立即注册" tabindex="8" style="display: none;">
                <div class="error-tips-wrap slideup">
                    <div class="error-tips" style="display: none;"></div>
                </div>
            </div>
            <div class="agreement">
                <input type="checkbox" name="qzone" id="qzone">
                <label  class="checkbox">
                    <img name="checked" src="img/checkbox_check.png" onclick="check_ed(1)">
                    <img name="check" src="img/checkbox_normal.png" style="display: none;" onclick="check_ed(2)"> 同时开通QQ空间</label>
                <br>
                <input type="checkbox" name="agree" id="agree">
                <label  class="checkbox">
                    <img name="checked" src="img/checkbox_check.png" onclick="check_ed(3)">
                    <img name="check" src="img/checkbox_normal.png" style="display: none;" onclick="check_ed(4)"> 我已阅读并同意相关服务条款和隐私政策</label> 
                <img name="up" src="img/up.png" style="display: none;" onclick="rule_three(2)">
                <img name="down" src="img/down.png" onclick="rule_three(1)">
                <div class="agreement-list" style="visibility: hidden;">  
                	<a href="" target="_blank">《QQ号码规则》</a>
    				<a href="" target="_blank">《隐私政策》</a>
    				<a href="" target="_blank">《QQ空间服务协议》</a>
 
                </div>
            </div>
        </form>
        </div>
        <div class="footer">Copyright <span>©</span> 1998-
                    <script>
		</script>Tencent All Rights Reserved</div>
        </div>
    </body>
 	
</html>